<template>
	<view class="contain">
		<view class="background-img">
			<view class="top">
					<view class="top-img">
						<image src="../../static/img/mine/cochain_proof_top.png"></image>
					</view>
					<view class="line"></view>
			</view>
			<view class="center">
				<view>
					<view  class="text"><view class="text-top-bottom"><text>地址：</text><text>{{cochainList.to}}</text></view></view>
					<view  class="text"><view class="text-top-bottom"><text>时间：</text><text>{{cochainList.createTime}}</text></view></view>
					<view  class="text"><view class="text-top-bottom"><text>区块：</text><text>{{cochainList.block}}</text> </view></view>
					<view  class="text"><view class="text-top-bottom"><text>数量：</text><text>{{cochainList.amount}}</text> </view></view>
				</view>
			</view>
			<view class="footer-img">
				<image src="../../static/img/mine/cochain_proof_footer.png"></image>
			</view>
		</view>
	</view>
</template>

<script>

	export default {

		data() {
			return {
				// type:'',
				// uuid:''
				cochainList:{}
			}
		}, 
		onLoad: function(options) {
			console.log("options--------->",options)
			// this.type=options.data1
			// this.uuid=options.blockCode
			this.getCochainList(options)
			
		},
		onShow:function(){
			//#ifdef H5
			document.title = '上链凭证'
			//#endif
		},
		methods: {
				getCochainList: function(value) {
					let params = {
						type:value.data1,
						uuid:value.blockCode
					}
					this.$postApi(this.$path.GET_INTEGRAL_COCHAIN, params).then(res => {
						console.log("户积分操作数据返回-------->", res.data)
						if (res.data.success) {
							let list = res.data.data
							this.cochainList = list
						}
					})
				},
			}

	}
</script>

<style lang="scss">
	.contain{
		font-size: 34upx;
		padding: 32upx 24upx 84upx 24upx;
		margin: 0;
		background-color: #f7f7f7;
		min-height: 106%;
		width: 100%;
		height: 100%;
	}
	.background-img{
		background: url(../../static/img/mine/cochainBackground.png) no-repeat;
		background-size: 100% 100%;
		// height: 1090upx;
		height: 1192upx;
		overflow: hidden;
		.top{
			padding: 0 58upx;
			margin-top: 86upx;
			.top-img{
				display: flex;
				justify-content: center;
			}
			.top-img image{
				width: 80%;
				height: 206upx;
			}
			.line{
				height:1upx;
				border-bottom:1px solid rgba(255,94,4,1);
				margin-top: 81upx;
			}
		}
		.center{
			padding: 60upx 58upx 0 58upx;
			.text{
				border-bottom:1px solid rgba(237,237,237,1);

			}
			.text-top-bottom {
				margin-top: 30upx;
				margin-bottom: 30upx;
				font-size:30upx;
				font-family:PingFang SC;
				font-weight:500;
				color:rgba(102,102,102,1);
				word-wrap: break-word;
				display: flex;
				align-items: flex-start;
			}
			.text-top-bottom text:last-child{
				font-size:32upx;
				font-family:PingFang SC;
				font-weight:500;
				color:rgba(0,0,0,1);
				margin-left: 8upx;
				word-break: break-word;
				width: 489upx;

			}

		}
		.footer-img{
			margin-top: -80upx;
			display: flex;
			justify-content: flex-end;
			margin-right: 94upx;
		}
		.footer-img image{
			width: 43%;
			height: 258upx;
			border-radius:50%;
		}
	}
</style>
